<template>
  <div :class="styles['return-goods']">
    <CodeScannerBar title="签收快递" />
    <hr class="ato-mt-16 ato-mb-16"/>
    <h2 class="ato-title ato-mb-12">快递签收列表:</h2>
    <EnterStoreList :wms-status="6" @wmsHandle="wmsHandle"/>
    <el-drawer v-model="detail.open" :with-header="false" size="100%" destroy-on-close :show-close="false" :close-on-press-escape="false">
      <ReturnGoodsDetail @close="detail.open = false" :trackingNo="detail.trackingNo" :orderNo="detail.orderNo"/>
    </el-drawer>
  </div>
</template>

<script setup name="ReturnGoods">
import { reactive } from 'vue'
import { EnterStoreList, CodeScannerBar } from '@/components'
import ReturnGoodsDetail from './ReturnGoodsDetail'

// 详情页
const detail = reactive({
  open: false,
  trackingNo: '',
  orderNo: ''
})

// 状态操作按钮
function wmsHandle (row) {
  detail.open = true
  detail.orderNo = row.orderNo
  detail.trackingNo = row.trackingNo
}

</script>

<style lang="less" src="./index.less" module="styles"></style>
